.BoardsMenu {
  border: 1px solid #D6DADC;
  border-radius: 4px;
  border-bottom-color: #C4C9CC;
  box-shadow: 0 1px 6px rgba(0,0,0,.15);
  background: #fff;
  position: fixed;
	left: 0px;
	top: 44px;
  bottom: 4px;
	z-index: 20;
  width: 270px;
  display: flex;
  flex-direction: row;
}

.BoardsMenu:focus {
  outline: none;
}

.BoardsMenu-Content {
  display: block;
  margin: 5px;
  overflow-y: auto;
  width: 100%;
}

.BoardsMenu-Content::-webkit-scrollbar {
  display: block;
  height: 9px;
  width: 9px;
  background-color: #D6DADC;
  border-radius: 4px;
}

.BoardsMenu-Content::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #C4C9CC;
}

.BoardsMenu-Content-Search {
  padding-right: 4px;
}

.BoardsMenu-Content-Search input {
  background-color: #E2E4E6;
  border: 1px solid #CDD2D4;
  border-radius: 3px;
  display: block;
  margin: 0 0 6px;
  padding: 6px;
  width: 100%;
}

.BoardsMenu-Content-Search input:focus {
  background: white;
  border-color: #298FCA;
  outline: none;
  box-shadow: 0 0 2px #298FCA;
}